 <template>
   <el-card shadow="always" class="box-card">
      <div class="card-name">
        <div class="name width2">物流配置</div>
      </div>
      <div class="content-con">
        <el-form :model="form" ref="form" size="medium">
          <el-row class="pt-20">
            <el-col :span="4" class="ban-left">邮费基础价
              <el-tooltip effect="dark" content="商品邮费基础价格,最终金额为(基础价 + 商品1邮费 + 商品2邮费)" placement="top-start">
                <i class="el-icon-info ml-15"></i>
              </el-tooltip>
            </el-col>
            <el-col :span="10">
              <el-form-item prop="base_postage">
                <el-input v-model="form.base_postage" placeholder="邮费基础价"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row class="pt-20">
            <el-col :span="4" class="ban-left">满额包邮
              <el-tooltip effect="dark" content="商品满多少金额即可包邮" placement="top-start">
                <i class="el-icon-info ml-15"></i>
              </el-tooltip>
            </el-col>
            <el-col :span="10">
              <el-form-item prop="full_mail">
                <el-input v-model="form.full_mail" placeholder="满额包邮"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row class="pt-20">
            <el-col :span="4" class="ban-left">线下支付是否包邮
              <el-tooltip effect="dark" content="用户选择线下支付时是否包邮" placement="top-start">
                <i class="el-icon-info ml-15"></i>
              </el-tooltip>
            </el-col>
            <el-col :span="10" class="ml-15">
              <el-form-item prop="offline_mail">
                <el-radio-group v-model="form.offline_mail">
                  <el-radio :label="0">包邮</el-radio>
                  <el-radio :label="1">不包邮</el-radio>
                </el-radio-group>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row class="pt-20">
            <el-col :span="4" class="ban-left">快递查询秘钥
              <el-tooltip effect="dark" content="阿里云快递查询接口密钥购买地址：https://market.aliyun.com/products/56928004/cmapi021863.html" placement="top-start">
                <i class="el-icon-info ml-15"></i>
              </el-tooltip>
            </el-col>
            <el-col :span="10">
              <el-form-item prop="secret_key">
                <el-input v-model="form.secret_key" placeholder="阿里云快递查询接口密钥购买地址：https://market.aliyun.com/products/56928004/cmapi021863.html"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row class="pt-20">
            <el-col :span="4" class="ban-left">腾讯地图KEY
              <el-tooltip effect="dark" content="腾讯地图KEY" placement="top-start">
                <i class="el-icon-info ml-15"></i>
              </el-tooltip>
            </el-col>
            <el-col :span="10">
              <el-form-item prop="map_key">
                <el-input v-model="form.map_key" placeholder="腾讯地图KEY"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row class="pt-20">
            <el-col :span="4" class="ban-left">是否开启门店自提
              <el-tooltip effect="dark" content="是否开启门店自提" placement="top-start">
                <i class="el-icon-info ml-15"></i>
              </el-tooltip>
            </el-col>
            <el-col :span="10" class="ml-15">
              <el-form-item prop="stores_status">
                <el-radio-group v-model="form.stores_status">
                  <el-radio :label="0">开启</el-radio>
                  <el-radio :label="1">关闭</el-radio>
                </el-radio-group>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row class="pt-20">
            <el-col :span="2" :offset="6"><el-button class="save" @click="submit">提 交</el-button></el-col>
          </el-row>
        </el-form>
      </div>
   </el-card>

 </template>
<script>

export default {
  data () {
    return {
      form: {
        base_postage: '8',
        full_mail: '1000',
        offline_mail: 1,
        secret_key: '',
        map_key: '',
        stores_status: 1
      }
    }
  },

  methods: {
    //提交
    submit() {
      this.$refs['form'].validate((valid) => {
        if (valid) {
          console.log(this.form)
          this.$message.success('成功!');
        } else {
          console.log('error submit!!');
          this.$message.error('失败!');
          return false;
        }
      });
    }

  }
}
</script>
<style lang="scss">

</style>
